.ngm-card-border-gradient {
  display: block;
  background:
    radial-gradient(circle at 100% 100%, #fcfcfd 0, #fcfcfd 10px, transparent 0) 0 0 / 12px 12px no-repeat,
    radial-gradient(circle at 0 100%, #fcfcfd 0, #fcfcfd 10px, transparent 0) 100% 0 / 12px 12px no-repeat,
    radial-gradient(circle at 100% 0, #fcfcfd 0, #fcfcfd 10px, transparent 0) 0 100% / 12px 12px no-repeat,
    radial-gradient(circle at 0 0, #fcfcfd 0, #fcfcfd 10px, transparent 0) 100% 100% / 12px 12px no-repeat,
    linear-gradient(#fcfcfd, #fcfcfd) 50% 50% / calc(100% - 4px) calc(100% - 24px) no-repeat,
    linear-gradient(#fcfcfd, #fcfcfd) 50% 50% / calc(100% - 24px) calc(100% - 4px) no-repeat,
    radial-gradient(at 100% 100%, rgba(45, 13, 238, 0.8) 0, transparent 70%),
    radial-gradient(at 100% 0, rgba(45, 13, 238, 0.8) 0, transparent 70%),
    radial-gradient(at 0 0, rgba(42, 135, 245, 0.8) 0, transparent 70%),
    radial-gradient(at 0 100%, rgba(42, 135, 245, 0.8) 0, transparent 70%);
  border-radius: 12px;
  padding: 2px;
  box-sizing: border-box;

  &.small {
    padding: 1px;
  }
}

.ngm-card-shadow {
  @apply shadow-sm transition-all duration-200 ease-in-out hover:shadow-lg;
}
